<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<ui:composition template="/pages/home.xhtml">
	<ui:define name="title">
		<h:outputText value="#{text.titIndicador}" />
	</ui:define>
	<ui:define name="content">
		<p:fieldset id="fieldSetIndicador" legend="#{text.lgdIndicadorForm}" collapsed="true"
			toggleable="true" binding="#{indicadorController.fieldSetIndicador}">
			
			<h:inputHidden id="indicadorId" value="#{indicadorController.selectedIndicador.id}" />
			
			<p:watermark for="apuracao" value="mm/aaaa"></p:watermark>
			<h:panelGrid id="pnlFields" columns="3">
			     
			      <h:outputLabel for="programa" value="Programa " />  
        		  <p:selectOneMenu id="programa" value="#{indicadorController.selectedIndicador.programa}"  converter="programaConverter">  
            			<f:selectItem itemLabel="Selecione..." itemValue="" />  
            			<f:selectItems value="#{indicadorController.programas}" var="programa" itemLabel="#{programa.codigo}" itemValue="#{programa}"/>  
        		 </p:selectOneMenu> 
				<p:message for="programa" />
			
			
				<h:outputLabel for="descricao" value="#{text.lblIndicadorDesc}" />
				<p:inputText id="descricao"  size="50" maxlength="40"
					requiredMessage="#{message.requiredIndicadorDesc}"
					value="#{indicadorController.selectedIndicador.descricao}" />
				<p:message for="descricao" />
			
				<h:outputLabel for="unidadeMedida" value="#{text.lblUnidadeMedida}" />
				<p:inputText id="unidadeMedida"  size="50" maxlength="255"
					value="#{indicadorController.selectedIndicador.unidadeMedida}" />
				<p:message for="unidadeMedida" />
			
				<h:outputLabel for="indiceRecente" value="#{text.lblIndicadorIndiceRecente}" />
				<p:inputText id="indiceRecente"  size="50" maxlength="40"
					value="#{indicadorController.selectedIndicador.indiceRecente}" />
				<p:message for="indiceRecente" />
			
				<h:outputLabel for="apuracao" value="#{text.lblIndicadorApuracao}" />
				<p:inputMask id="apuracao"  mask="99/9999"
					value="#{indicadorController.selectedIndicador.apuracao}" />
				<p:message for="apuracao" />
			
				<h:outputLabel for="indice" value="#{text.lblIndicadorIndice}" />
				<p:inputText id="indice"  size="50" maxlength="40"
					value="#{indicadorController.selectedIndicador.indice}" />
				<p:message for="indice" />

				
				<h:outputLabel for="fonte" value="#{text.lblFonte}" />
				<p:inputText id="fonte"  size="50" maxlength="255"
					value="#{indicadorController.selectedIndicador.fonte}" />
				<p:message for="fonte" />
			</h:panelGrid>


			<p:separator />

			<p:commandButton id="btnNew" value="#{text.btnNew}"
				icon="ui-icon-document" actionListener="#{indicadorController.newIndicador}"
				immediate="true" update=":frmContent:fieldSetIndicador"
				onclick="grdIndicador.unselectAllRows();clearRadioDataTable();clearDataTableFilter(grdIndicador);" />
			<p:commandButton id="btnSave" value="#{text.btnSave}"
				icon="ui-icon-disk"
				update=":frmContent:fieldSetIndicador, :frmContent:grdIndicador"
				actionListener="#{indicadorController.saveIndicador}"
				oncomplete="clearDataTableFilter(grdIndicador);"
				process=":frmContent:fieldSetIndicador" />
			<p:commandButton id="btnDelete" value="#{text.btnDelete}"
				icon="ui-icon-trash" onclick="dialogDelete.show()"
				binding="#{indicadorController.btnDelete}" disabled="true" global="false"/>
			<p:confirmDialog id="dlgConfirmDelete" widgetVar="dialogDelete"
				closable="true" severity="info" appendToBody="true"
				header="#{text.dlgConfirm}" message="#{message.confirmDelete}"
				width="400">
				<p:commandButton id="btnConfirmDelete"
					actionListener="#{indicadorController.deleteIndicador}"
					value="#{text.btnConfirm}" icon="ui-icon-check"
					oncomplete="dialogDelete.hide();clearDataTableFilter(grdIndicador);"
					update=":frmContent:fieldSetIndicador, :frmContent:grdIndicador" />
				<p:commandButton id="btnDeclineDelete" onclick="dialogDelete.hide();"
					value="#{text.btnCancel}" icon="ui-icon-cancel" global="false"/>
			</p:confirmDialog>

		</p:fieldset>

		<p:spacer height="25" />

		<p:dataTable id="grdIndicador" var="indicador" paginatorPosition="bottom"
			value="#{indicadorController.indicadorDataModel}" widgetVar="grdIndicador"
			emptyMessage="#{text.grdEmpty}"
			selection="#{indicadorController.selectedIndicador}" paginator="true"
			rows="10" rowsPerPageTemplate="10,25,50"
			paginatorTemplate=" {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
			style="width:600px;" sortBy="#{indicador.descricao}" filterEvent="enter" >

			<p:ajax event="rowSelect" update=":frmContent:fieldSetIndicador"
				listener="#{indicadorController.selectIndicador}" />

			<p:column selectionMode="single" style="width:18px" />
			<!-- 
			<p:column id="colIndicadorCod" headerText="#{text.lblIndicadorCodigo}"
				sortBy="#{indicador.codigo}">
				<h:outputText value="#{indicador.codigo}" />
			</p:column>
			 -->
			<p:column id="colIndicadorDesc" headerText="#{text.lblIndicadorDesc}"
				sortBy="#{indicador.descricao}" filterBy="#{indicador.descricao}">
				<h:outputText value="#{indicador.descricao}" />
			</p:column>
		</p:dataTable>


	</ui:define>
</ui:composition>

</html>